(window.webpackJsonpvtex_styleguide_9_146_16=window.webpackJsonpvtex_styleguide_9_146_16||[]).push([[15],{155:function(e,t,a){"use strict";var n,o=a(10),r=a(0),l=a.n(r),i=a(95),c=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(a[n[o]]=e[n[o]])}return a};!function(e){e.phone="phone",e.tablet="tablet",e.desktop="desktop"}(n||(n={}));t.a=function(e){return function(t){var a=t.device,r=t.isMobile,s=c(t,["device","isMobile"]),u=Object(i.useMedia)({minWidth:"40rem"}),d=Object(i.useMedia)({minWidth:"64.1rem"}),p=(null!=a?a:d)?n.desktop:u?n.tablet:n.phone,b=null!=r?r:"phone"===p.toLowerCase();return l.a.createElement(e,Object(o.a)({device:p,isMobile:b},s))}}},189:function(e,t,a){"use strict";var n=a(4),o=a(5),r=a(12),l=a(6),i=a(7),c=a(1),s=a(9),u=a(13),d=a.n(u),p=a(0),b=a.n(p),h=a(155),v=a(154),m=a(23),f=a(407),g=a.n(f);function w(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=Object(c.a)(e);if(t){var o=Object(c.a)(this).constructor;a=Reflect.construct(n,arguments,o)}else a=n.apply(this,arguments);return Object(i.a)(this,a)}}var O=function(e){Object(l.a)(a,e);var t=w(a);function a(e){var o;return Object(n.a)(this,a),o=t.call(this,e),Object(s.a)(Object(r.a)(o),"handleChange",(function(e){var t=o.props,a=t.disabled,n=t.onChange,r=e.target.value;!a&&n&&n(e,r)})),Object(s.a)(Object(r.a)(o),"getOptionFromValue",(function(e){var t=o.props.options.filter((function(t){return t.value===e}))[0];return t||null})),Object(s.a)(Object(r.a)(o),"getDropdownIdentification",(function(){var e=o.props,t=e.label,a=e.id,n=e.options;return t?'Dropdown with the label "'.concat(t,'"'):a?"Dropdown #".concat(a):"Dropdown with the options ".concat(n.map((function(e){return e.label})).join(", "))})),Object(s.a)(Object(r.a)(o),"getPlaceholder",(function(){var e=o.props,t=e.placeholder,a=e.label,n=e.helpText,r=t||a||n||"";if(""===r&&!o.sentPlaceholderWarning){var l=o.getDropdownIdentification();console.warn("The following dropdown has a placeholder option, but no placeholder text. Please use at least one of these props: placeholder, label, or helpText. ".concat(l)),o.sentPlaceholderWarning=!0}return r})),Object(s.a)(Object(r.a)(o),"getSelectedOption",(function(){return o.getOptionFromValue(o.props.value)})),Object(s.a)(Object(r.a)(o),"handleFocus",(function(){o.setState({active:!0}),o.props.onFocus&&o.props.onFocus(event)})),Object(s.a)(Object(r.a)(o),"handleBlur",(function(){o.setState({active:!1}),o.props.onBlur&&o.props.onBlur(event)})),o.initialValue="",o.state={active:!1},o}return Object(o.a)(a,[{key:"getValueLabel",value:function(){var e=this.getSelectedOption();return e?e.label:this.getPlaceholder()}},{key:"componentDidMount",value:function(){"x-large"===this.props.size&&console.warn('Dropdown: The value "x-large" for the prop "size" is deprecated. In the next major version, it will be equivalent to "large", and removed altogether in future versions')}},{key:"render",value:function(){var e=this.state.active,t=this.props,a=t.label,n=t.id,o=t.testId,r=t.value,l=t.size,i=t.disabled,c=t.options,s=t.error,u=t.errorMessage,p=t.helpText,h=t.placeholder,m=t.preventTruncate,f=t.autoFocus,w=t.form,O=t.name,x=t.required,j=t.variation,y=t.selectTestId,_=t.isMobile,E=null!==this.getOptionFromValue(this.initialValue),M=this.getValueLabel(),N=!M,k=null===this.getSelectedOption(),P="inline"===j.toLowerCase(),F="x-large"===l?22:18,D=P?"c-link":"c-on-base",S=d()("vtex-dropdown__button bg-transparent bn w-100 h-100",(i||!M)&&"c-disabled","x-large"===l?"t-body pv5 ph5":P?"ph2":"pl5 pr3",!i&&["pointer",M&&(k?"c-muted-2":D)]),V=d()(g.a.dropdown,"vtex-dropdown",P&&"vtex-dropdown--inline dib"),C=d()(g.a.container,"vtex-dropdown__container br2 relative",(!P||i)&&"bw1",(s||u)&&!i&&"b--danger hover-b--danger",P?[!s&&!u&&!i&&"fw5","x-large"!==l&&"h-auto"]:["bg-base ba","small"===l?"h-small":"large"!==l&&"x-large"!==l&&"h-regular",!s&&!u&&!i&&[e&&"b--muted-2",!e&&"hover-b--muted-3 b--muted-4"],"large"===l&&"h-large"],i&&"b--disabled bg-disabled","small"!==l&&"x-large"!==l&&"t-body"),T="o-0 absolute top-0 left-0 h-100 w-100 bottom-0 t-body"+(i?"":" pointer"),I=d()("vtex-dropdown__label db mb3 w-100 c-on-base",("large"===l||"x-large"===l)&&"t-body","large"!==l&&"x-large"!==l&&"t-small");return b.a.createElement("div",{className:V,"data-testid":o},b.a.createElement("label",{className:"h-100"},a&&b.a.createElement("span",{className:I},a),b.a.createElement("div",{className:C},b.a.createElement("div",{id:n,className:S},b.a.createElement("div",{className:"flex ".concat(P?"":"h-100")},b.a.createElement("div",{className:"vtex-dropdown__caption flex-auto tl truncate ".concat(P?"":"h-100")},b.a.createElement("div",{className:"".concat(P?"":"h-100"," flex items-center")},N?h:M)),b.a.createElement("div",{className:"vtex-dropdown__arrow flex-none flex items-center pl2 ".concat(i?"c-on-disabled":"c-action-primary")},b.a.createElement(v.a,{size:F})))),b.a.createElement("select",{"data-testid":y,disabled:i,className:T,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseEnter:this.props.onMouseEnter,onMouseLeave:this.props.onMouseLeave,ref:this.props.forwardedRef,value:null==r?"":r,autoFocus:f,form:w,name:O,required:x,style:{WebkitAppearance:"menulist-button"}},m&&_&&b.a.createElement("optgroup",{label:a||p||""}),(!E||h)&&b.a.createElement("option",{disabled:!0,value:E?null:this.initialValue},this.getPlaceholder()),c.map((function(e){return b.a.createElement("option",{disabled:e.disabled,key:e.value,value:e.value},e.label)}))))),u&&b.a.createElement("div",{className:"vtex-dropdown__error c-danger t-small mt3 lh-title"},u),p&&b.a.createElement("div",{className:"vtex-dropdown__help-text c-muted-1 t-small mt3 lh-title"},p))}}]),a}(p.Component);O.defaultProps={size:"regular",options:[],variation:"default"},t.a=Object(m.a)(Object(h.a)(O))},407:function(e,t,a){e.exports={dropdown:"vtex-styleguide-9-x-dropdown",container:"vtex-styleguide-9-x-container"}}}]);